<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>人员擅长领域统计</title>
    <!--公用样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/comment.css"/>
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/supplier/common/css/style.css"/>
    <!--Layui-->
    <link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all"/>
    <!--extended-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/extended.css"/>
    <!--公用样式JS-->
    <script type="text/javascript" src="${re.contextPath}/plugin/jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/comment.js"></script>
    <script type="text/javascript" src="${re.contextPath}/plugin/layui/layui.js" charset="utf-8"></script>
</head>
<style>
    .Right {
        width: 100%;
        overflow-y: auto;
    }
	.widthle{
		width: 44%;
	}
	.widinput{
		width: 45%!important;
	}

</style>

<body>
<!--头部-->

<!--容器-->
<div class="container clearfix">
    <!--右侧内容-->
    <div class="Right fr mt10">
        <div class="screening screeningOne whitebg clearfix">
            <ul class="clearfix fl" style="width: 100%;">
                <li style="width: 40%;">
					<label class="fl "  style="width: 25%;" >人员擅长领域:</label>
                    <select name="doBest" id="doBest"  style="width: 300px;">
                        <option value="">全部</option>
                        <#list doBestList as vo>
                            <option value="${vo.badtCode}">${vo.badtName}</option>
                        </#list>
                    </select>
                </li>
                <li style="width: 30%;">
                    <div class="layui-col-md1" style="text-align: end;width: 20%;float: right;">
                        <input class="layui-btn layui-btn-normal" style="border-radius:5px;" type="button" value="筛选"
                               onclick="query()">
                        <input class="layui-btn layui-btn-normal ml10" type="button"
                               style="border-radius:5px;background-color: #FF5722;" value="重置"
                               onclick="resetQuery()">
                    </div>
                </li>
            </ul>
        </div>

        <div class="project whitebg">
            <table id="tableList" class="layui-hide" lay-filter="tableList"></table>
        </div>
    </div>
</div>
<script type="text/javascript" src="${re.contextPath}/plugin/tools/tool.js"></script>
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/tabs.js"></script>
<script type="text/javascript">
    var layer;
    var form = layui.form;
    var table = null;
    var tableIns = null;
    //注意进度条依赖 element 模块，否则无法进行正常渲染和功能性操作
    var element = "";
    layui.use('element', function () {
        element = layui.element;


    });
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#beginDate' //指定元素
        });
        laydate.render({
            elem: '#endDate' //指定元素
        });
    });


    function query() {
        // 项目归属
        var doBest = $('#doBest').val();
        var jsondata = {
            doBest:doBest
        };
       table.reload('tableList', {where: jsondata});
    }

    layui.use('table', function () {
        table = layui.table;
        element = element;
        //方法级渲染
        tableIns = table.render({
            id: 'tableList',
            elem: '#tableList',
            url: '/search/personTj/selectPersonDoBestList',
            height: "auto",
            page: true,
            cols: [[
                {
                    title: '序号', width: '20%',align:'center', templet: function (res) {
                        return res.LAY_INDEX;
                    }
                },
                {
                    field: 'doBestName', title: '擅长领域',align:'center', width: '40%', sort: true
                },
                {
                    field: 'doBestCode', title: '擅长领域code',align:'center', width: '40%', sort: true,hide:true
                },
                {
                    field: 'num', title: '人数', width: '40%',align:'center', sort: true
                    , templet: function (d) {
                        return '<span class="cursor" style="color: blue;" onclick="dobestDetail(\'' + d.doBestCode + '\')">' + d.num + '</span>';
                    }
                }
            ]],
            done: function (res, currentCount) {
                //***重点***：table渲染完成后渲染element进度条
                element.render();
                $(".layui-table-page select").css("width", "80px");

            }
        });
        //监听工具条
        table.on('tool(tableList)', function (obj) {
            var data = obj.data;
            var that = $(this);
            if (obj.event === 'resetPassword') {
                parent.layer.confirm('确定重置密码？', function (index) {
                    var userId = data.userId;
                    layerAjax("resetPassword", {id: userId}, "", function (d) {
                        if (d.flag) {
                            parent.layer.close(index);
                            layer.msg("操作成功", {icon: 1});
                            tableIns.reload();
                        } else {
                            layer.msg("操作失败", {icon: 2});
                        }
                    })
                });
            }
        });
    });


    // 已开发票金额
    function dobestDetail(dobest) {
        var title = "";
        var w = "";
        var h = "";
        if (w == null || w == '') {
            w = ($(window).width()-200);
        }
        ;
        if (h == null || h == '') {
            h = ($(window).height() - 50);
        }
        var  doBest=dobest;
        var url = "/search/personTj/doBestTjDetail?doBest=" + doBest;
        parent.layer.open({
            id: 'form-list',
            type: 2,
            area: [w + 'px', h + 'px'],
            fix: false,
            maxmin: true,
            shadeClose: false,
            shade: 0.4,
            title: title,
            content: url,
            success: function(layero){
                layero.find('.layui-layer-min').remove();
            }
        });


    }

    function provinceChange(object) {
        var code = $(object).find('option:selected').val();
        if (code == "") {
            return;
        }
        layerAjaxGet('/sys/register/getOrganize', {"code": code}, '', function (d) {
            if (d.flag == true) {
                $(object).next().empty().append("<option value=''>选择市</option>");
                for (var i = 0; i < d.data.length; i++) {
                    $("#city").append("<option value='" + d.data[i].code + "'>" + d.data[i].name + "</option>");
                }
            } else {
                layer.msg(d.msg, {icon: 2});
            }
        });


    };

    function cityChange(object) {
        var code = $(object).find('option:selected').val();
        if (code == "") {
            return;
        }
        layerAjaxGet('/sys/register/getOrganize', {"code": code}, '', function (d) {
            if (d.flag == true) {
                $(object).next().empty().append("<option value=''>选择区县</option>");
                for (var i = 0; i < d.data.length; i++) {
                    $("#county").append("<option value='" + d.data[i].code + "'>" + d.data[i].name + "</option>");
                }
            } else {
                layer.msg(d.msg, {icon: 2});
            }
        });


    }


</script>
</body>

</html>